body {
   padding: 0px;
   margin: 0px;
}

.header_bar {
   width: 100%;
   height: 25px;
   background: blue;
   position: relative;
   left: 0px;
   top: 0px;
   text-align: right;
}

.linkToAdministration {
   text-decoration: none;
   color: white;
   margin-right: 10px;
}

.linkToAdministration:hover {
   color: yellow;
}

.content {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
}

.top_container {
   width: 100%;
   height: 20%;
}

.middle_container {
   width: 100%;
   height: 33%;
}

.left_container {
   float: left;
   width: 25%;
}

.right_container {
   float: right;
   width: 25%;
}

.input_container {
   float: left;
   width: 556px;
   text-align: center;
}

.logo_container {
   width: 100%;
   vertical-align: bottom;
   text-align: left;
}

.logo_image {
   width: 256px;
   height: 256px;
   border: none;
   float: left;
}

.application_title {
   float: right;
   font-size: 50px;
   font-weight: bold;
   width: 300px;
   word-wrap: normal;
   margin-top: 130px;
}

.search_text {
   width: 75%;
   height: 30px;
   font-size: 20px;
}

.classified_class {
   width: 15%;
   height: 30px;
   font-size: 20px;
}

.search_button {
   width: 200px;
   height: 30px;
   margin-top: 20px;
   font-size: 15px;
}

.result_left_container {
   float: left;
   width: 15%;
}

.result_right_container {
   float: right;
   width: 15%;
}

.result_input_container {
   float: left;
   width: 800px;
   text-align: center;
}

.result_search_button {
   width: 100px;
   height: 30px;
   font-size: 15px;
}

.result_search_text {
   width: 50%;
   height: 30px;
   font-size: 20px;
}

.result_top_container {
   width: 100%;
   height: 40px;
}

.result_container {
   width: 100%;
   margin-left: 80px;
   height: 80%;
}
